import React from 'react'
import { WrappedTableCtx } from './WrappedTable.js'

// 这个还有一个问题 怎么确定这个是保存的数据里面的哪一个的th 需要知道他的索引 index也好 dataIndex也好
// 对啊 这个问题咋解决呢
class HeaderCell extends React.Component {
  render() {
    const { style, width, ...rest } = this.props
    // console.log('header cell header cell ', rest, rest['data-resize-id'])
    return (
      <WrappedTableCtx.Consumer>
        {
          (info) => {
            console.log(rest['data-resize-id'], rest, info)
            const ownInfo = info.find(item => item.id === rest['data-resize-id'])
            return (<th
              {...rest}
              width={ownInfo.colWidth ? `${ownInfo.colWidth}px` : width}
              style={{ ...style }}
              ref={ownInfo.colRef}
            />)
          }
        }
      </WrappedTableCtx.Consumer>
    )
  }
}

export default HeaderCell
